<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>2021年年终总结</title>
    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">
    <link rel="stylesheet" href="./css/animate.min.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div class="swiper">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <div id="index" class="page">
                    <div id="title">
                        <span class="year" id="yearNumer">1992</span>
                        <span class="tit" id="titText">年终总结</span>
                    </div>
                </div>
            </div>
            <div class="swiper-slide">
                <div id="summary" class="page">
                    <div class="sumPage">
                        <p class="tit">一、总结</p>
                        <p>1、完成博客园技术博客10篇，项目MD说明文档10篇；</p>
                        <p>2、在B站学习新的框架和Vue的新版本；</p>
                        <p>3、对3D技术和PxEngine有了全新了解；</p>
                        <p>4、阅读了课外读物；</p>
                    </div>

                </div>
            </div>
            <div class="swiper-slide">
                <div id="expect" class="page">
                    <div class="sumPage">
                        <p class="tit">二、期望</p>
                        <p>1、每月发表一个篇技术博客，获取更多阅读量；</p>
                        <p>2、项目上尝试新的框架新的版本；</p>
                        <p>3、在"脱离"南瓜的技术架构下， 发挥更多的动力；</p>
                        <p>4、条件允许的情况下，出去旅游；读完四本书（技术之外）</p>
                    </div>
                </div>
            </div>
            <div class="swiper-slide">
                <div id="thanks" class="page">
                    <div class="sumPage">
                        <p class="tit">三、大感谢</p>
                        <p>1、感谢领导的认可信任与鞭策，让自己能更上一层楼；</p>
                        <p>2、感谢后台人员提供接口，完成数据调用和数据展示；</p>
                        <p>3、感谢产品和UI设计人员，提供项目和产品的创意和页面的精美设计；</p>
                        <p>4、感谢测试和技术支持人员，让咱们的项目和产品更加完整，符合市场需求；</p>
                        <p>5、最后感谢前端同仁和技术大拿提供技术上的支持和帮助，让自己在技术上勇攀高峰；</p>
                    </div>
                </div>
            </div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>

        <!-- 如果需要导航按钮
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div> -->

        <!-- 如果需要滚动条 -->
        <!-- <div class="swiper-scrollbar"></div> -->
    </div>
</body>
<script src="./js/jquery-1.9.1.min.js"></script>
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
<script src="./js/countUp.js"></script>
<script src="./js/index.js"></script>

</html>